html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
} 
root { 
    display: block;
}

body{
    background: #0f0f0f;
    width: 100%;    
    font-size: 12px;
    color:#fff;
}

.footer{
    width: 100%;
    clear: both;

}

.wrapper{
    background: none repeat scroll 0 0 #232323;
    min-height: 700px;
    margin: 0;  
    padding: 0;
    width: 100%;
}

.content{
    width: 1024px;
    margin: 0px auto;
}

.wrapper ul.megaul{
    overflow: hidden;
}

.wrapper ul.megaul li{
    float: left;   
}

.wrapper .error{
    color:#be2027;
    text-align: center;
}

ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
A:link {text-decoration: none;color: #FFFFFF;}
A:visited {text-decoration: none;color: #FFFFFF;}
A:active {text-decoration: none;color: #FFFFFF;}
A:hover {text-decoration: none;color: #FFFFFF;}

.button{
    background: none repeat scroll 0 0 #555;
    margin: 5px;
    padding: 1px;    
    border: none;
}


.button:hover{
    background: none repeat scroll 0 0 #484848;
    cursor: pointer;
    text-shadow: 0 1px 15px #FFFFFF;
}

.button span{
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
    padding: 3px;
}




.header{
    height: 60px;
}

.header .logo{
    float: left;    
}

.header .logo h3{
    font-size: 35px;
    color: #FFF;
    text-shadow: 0 1px 10px #FFFFFF;
}

.header  span.version{
    color:#58b1de;
}

.header .links{
    float: right;
    color: #bbbbbb;
}

.header .links a{
    color: #bbb;
}

.header .links a:hover{
    color: #eee;    
}

.header .links ul li{
    float: left;
    margin: 3px;
}

.header .alpha-testers{
    background: none repeat scroll 0 0 #555;
    margin: 5px;
    padding: 1px;
    float: right;
    border: none;
}

.header button.alpha-testers:hover{
    background: none repeat scroll 0 0 #484848;
    cursor: pointer;
    text-shadow: 0 1px 15px #FFFFFF;
}

.header .alpha-testers span{
  
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
    padding: 3px;
}


.nav-menu ul{
    background: none repeat scroll 0 0 #1E1E1E;
    border: 1px solid;
    color: #EEEEEE;
    height: 20px;
    margin: 15px auto;
    width: 100%;
}

.nav-menu ul li{
    float: left;
    margin-left: 10px;
}
.clearer{
    clear: both;
}

.megaul li{
	height:130px;
	width: 130px;
	padding:5px;
}

.megaul li:hover{
	-moz-box-shadow: 0 0 6px 1px #FFFFFF;
	box-shadow: 0 0 6px 1px #FFFFFF;
}

.wrapper .z{
	color: #FBFBFB;
    font-size: 68px;
    text-shadow: 0 1px 31px #FFFFFF;
	clear:both;
	margin-bottom:20px;
	text-align: center;
}

.wrapper .txt{
	color: #FBFBFB;
    font-size: 12px;
    text-shadow: 0 1px 15px #FFFFFF;
	clear:both;
	margin-bottom:50px;
	text-align: center;
}

.wrapper .like{
	color: #FBFBFB;
    font-size: 12px;
    text-shadow: 0 1px 15px #FFFFFF;
	clear:both;
	text-align: center;
}

.wrapper .like ul{
	list-style:none;
}

.wrapper .like ul li{
    margin: 8px;
    width: 91px;
}

.wrapper{
	height:100%;
}

#vk_like{
    float:right;
    margin:5px;
}

.fields{
    color: #FFFFFF;
}

.register{
    margin: 10px auto;
    width: 253px;
}

.register button{
    height: 30px;
    margin: 0px;
    width: 250px;
}

.fields .field{
    margin-bottom: 9px;
    width: 150px;
}

.fields .field label{

}
.fields .field input{
    font-size: 2em;
    height: 35px;
    margin-top: 5px;
    width: 250px;
}
.fields .field input:focus{
    border: 1px solid #58B1DE;
    width: 250px;
}




